const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
   // 配置 postcss-pxto-viewport
   css: {
    loaderOptions: {
      postcss: {
        postcssOptions: {
          plugins: [
            require('postcss-px-to-viewport')({
            viewportWidth: 750, // 设计稿宽度（根据你的设计稿调整）
            viewportHeight: 750, // 设计稿高度
            unitPrecision: 5, // 转换后的精度，保留小数点后几位
            viewportUnit: 'vw', // 转换成的视口单位
            selectorBlackList: ['.ignore', '.hairlines'], // 不转换的选择器
            minPixelValue: 1, // 最小转换值，小于1px不转换
            mediaQuery: false, // 是否允许在媒体查询中转换px
            exclude: /(\/|\\)(node_modules)(\/|\\)/ // 排除node_modules目录
          })
          ]
        }
      }
    }
  },
})
